<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <title>Mars UI</title>
    <script type="text/javascript" src="/static/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/static/js/moment.min.js"></script>
    <script type="text/javascript" src="/static/js/mars.js"></script>
    <link type="text/css" rel="stylesheet" href="/static/css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="/static/css/bootstrap-theme.min.css" />
    <link type="text/css" rel="stylesheet" href="/static/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="/static/css/bootstrap-table.min.css" />
    <link type="text/css" rel="stylesheet" href="/static/css/mars.css" />
    {% block custom_head %}{% endblock %}
</head>
<body>
<div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <a class="navbar-brand" href="/">Mars UI</a>

        <!-- /.navbar-header -->

        <ul class="nav navbar-top-links navbar-right">
            <!-- /.dropdown -->
        </ul>
        <!-- /.navbar-top-links -->

        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav in" id="side-menu">
                    <li>
                        <a href="/" {% if active_page == 'dashboard' %}class="active"{% endif %}><i class="fa fa-dashboard fa-fw"></i> Dashboard</a>
                    </li>
                    <li>
                        <a href="/scheduler" {% if active_page == 'scheduler_list' %}class="active"{% endif %}><i class="fa fa-clock-o fa-fw"></i> Schedulers</a>
                        {% block scheduler_submenu %}
                        {% endblock %}
                    </li>
                    <li>
                        <a href="/worker" {% if active_page == 'worker_list' %}class="active"{% endif %}><i class="fa fa-gears fa-fw"></i> Workers</a>
                        {% block worker_submenu %}
                        {% endblock %}
                    </li>
                    <li>
                        <a href="/session" {% if active_page == 'task_list' %}class="active"{% endif %}><i class="fa fa-tasks fa-fw"></i> Tasks</a>
                        {% block task_submenu %}
                        {% endblock %}
                    </li>
                    <li>
                        <a href="https://docs.pymars.org" target="_blank"><i class="fa fa-book fa-fw"></i> Documentation</a>
                    </li>
                </ul>
            </div>
            <!-- /.sidebar-collapse -->
        </div>
        <!-- /.navbar-static-side -->
    </nav>
    <div id="page-nav">
        {% block page_nav %}{% endblock %}
    </div>
    <div id="page-wrapper">
        {% block body %}{% endblock %}
    </div>
</div>
{% block footer %}{% endblock %}
</body>
</html>